<template>
  <div>
    <!-- <header>

      <slot name="header"></slot>
    </header>
   <main>
     <p>具名插槽</p>
    <slot name="main"></slot>
    <p>默认插槽</p> -->
    <!-- <slot></slot> -->
   <!-- </main>
   <footer>
     <slot name="footer"></slot>
   </footer> -->
   <slot :msg="msg" :defot="defot"></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: '我是作用域插槽'
    }
  },
  props: {
    defot: {
      type: Object,
      default: () => ({ name: '1111' })
    }
  }
}
</script>

<style>

</style>
